<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <div class="mb20" >
        <section class="cm-wbg__bx">
            <div class="ml10 mr10 pt10 pb10">
                <a href="javascript:void(0);" id="goQuestionBtn"><button type="button" class="btn btn-block btn-lg btn-danger unRadius"> 我 要 提 问</button></a>
            </div>
            <div class="mt10 pb10">
                <div class="row">
                    <section class="col-sm-4 br-line">
                        <div class="text-center">
                            <p><span class="c-999 fs12">提问的</span></p>
                            <section class="hLh20 txtOf" data-toggle="tooltip" data-placement="top" th:attr="data-original-title='提问数：'+ ${questionCount}">
                                <span class="fs16 c-333" th:text="${questionCount}"></span>
                            </section>
                        </div>
                    </section>
                    <section class="col-sm-4 br-line">
                        <div class="text-center">
                            <p><span class="c-999 fs12">评论的</span></p>
                            <section class="hLh20 txtOf" data-toggle="tooltip" data-placement="top" th:attr="data-original-title='评论数：'+ ${replyCount}">
                                <span class="fs16 c-333" th:text="${replyCount}"></span>
                            </section>
                        </div>
                    </section>
                    <section class="col-sm-4">
                        <div class="text-center">
                            <p><span class="c-999 fs12">围观的</span></p>
                            <section class="hLh20 txtOf" data-toggle="tooltip" data-placement="top" th:attr="data-original-title='围观数：'+ ${attendCount}">
                                <span class="fs16 c-333" th:text="${attendCount}"></span>
                            </section>
                        </div>
                    </section>
                </div>
            </div>
        </section>
    </div>

    <div class="mb20">
        <section class="cm-wbg__bx">
            <div class="ml10 mr10 pt10 pb10">
                <section class="c-head-title">
                    <h6><span class="fs16 c-666"><i class="fa fa-th-list"></i> 问题标签</span></h6>
                </section>
                <input type="hidden" id="tagId" />
                <div class="question-tags-list mt20">
                    <section class="no-data__wrap" data-note="" th:if="${#lists.isEmpty(tagList)}">
                        <span class="no-data-ico"></span>
                        <p class="mt20"><span class="c-666">还没有问题标签呢~~~</span></p>
                    </section>
                    <span th:if="!${#lists.isEmpty(tagList)}" th:each="tag:${tagList}" class="question-tag" th:attr="data-id=${tag['id']}">
                        <button class="btn btn-default btn-rounded btn-outline" type="button">
                            <span th:text="${tag['tagName']}"></span>
                            <small class="ml5 c-666" th:text="${tag['questionNum']}"></small>
                        </button>
                    </span>
                </div>
            </div>
        </section>
    </div>

    <div class="mb20">
        <section class="cm-wbg__bx">
            <div class="ml10 mr10 pt10 pb10">
                <section class="c-head-title">
                    <h6><span class="fs16 c-666"><i class="fa fa-pencil"></i> 考试中心</span></h6>
                </section>
                <div class="q-i-link-exam__wrap text-center">
                    <section class="hLh30">
                        <span class="c-999 mr5">已有</span>
                        <span class="c-info" th:text="${examCount}"></span>
                        <span class="c-999 ml5">道试题</span>
                    </section>
                    <section class="mt20">
                        <a th:href="@{/web/exam/index/examIndex}" target="_blank">
                            <button type="button" class="btn btn-w-m btn-info">开始练习 <i class="fa fa-angle-right ml5"></i></button>
                        </a>
                    </section>
                </div>
            </div>
        </section>
    </div>

   <!-- <div class="mb20">
        &lt;!&ndash;广告位 开始&ndash;&gt;
        <section class="mt10">
            <div class="u-ads__wrap">
                <a href="javascript:void(0);" target="_blank"><img data-src="holder.js/100%x200" alt="100%x200" style="height: 100px; width: 100%; display: block;" src="" data-holder-rendered="true"></a>
            </div>
        </section>
        &lt;!&ndash;广告位 结束&ndash;&gt;
    </div>-->

    <!--提问免费收费 选择弹框 开始-->
    <textarea id="ele-twMode-bx" class="hide">
        <section class="mt20 ml20 mr20 pt10 pl10 pr10 mb20 pb10">
            <p class="text-center"><span class="fs18">请选择提问方式</span></p>
            <div class="mt20 pt10">
               <div class="media">
                   <a href="javascript:void(0);" id="freeToQuestion">
                        <div class="media-left">
                            <span class="mufu-ico-bx-1 mr10">&nbsp;</span>
                        </div>
                        <div class="media-body">
                            <section class="hLh30 txtOf"><span class="fs18">免费提问</span></section>
                            <section class="mt10">
                                <span class="c-999">平台的学员都拥有免费提问的权限。提问后，其他学员可参与回答。</span>
                            </section>
                        </div>
                    </a>
                </div>
            </div>
            <hr>
            <div class="mt20 pb10">
               <div class="media">
                   <a href="javascript:void(0)" id="noFreeToQuestion">
                        <div class="media-left">
                            <span class="mufu-ico-bx-2 mr10">&nbsp;</span>
                        </div>
                        <div class="media-body">
                            <section class="hLh30 txtOf"><span class="fs18">付费提问</span></section>
                            <section class="mt10">
                                <div class="mb10"><span class="c-999">1、直接向平台讲师提出问题，可在设定时间周期内获得回答，如设定时间周期内无专业答案，问答费用将退回至您的个人账户。</span></div>
                                <span class="c-999">2、讲师回答后，其它学员同样需要支付围观费用，此围观费用部分比例将会以你的问答收益获得。</span>
                            </section>
                        </div>
                    </a>
                </div>
            </div>
        </section>
    </textarea>
    <!--提问免费收费 选择弹框 结束-->
</html>